<a href="https://github.com/2fdevs/videogular/edit/master/app/scripts/com/2fdevs/videogular/directives/vg-media.js" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/2fdevs/videogular/blob/6f55d80/app/scripts/com/2fdevs/videogular/directives/vg-media.js#L18" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">vgMedia</code>
<div><span class="hint">directive in module <code ng:non-bindable="">com.2fdevs.videogular</code>
</span>
</div>
</h1>
<div><h2 id="description">Description</h2>
<div class="description"><div class="com-2fdevs-videogular-direcitve-page com-2fdevs-videogular-direcitve-vgmedia-page"><p>Directive to add a source of videos or audios. This directive will create a &lt;video&gt; or &lt;audio&gt; tag and usually will be above plugin tags.</p>
</div></div>
<h2 id="usage">Usage</h2>
<div class="usage">as element:<pre class="prettyprint linenums">&lt;vg-media
       vg-src="{array}"
       vg-type="{string}"&gt;
&lt;/vg-media&gt;</pre>
<h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table table-bordered table-striped"><thead><tr><th>Param</th><th>Type</th><th>Details</th></tr></thead><tbody><tr><td>vgSrc</td><td><a href="" class="label type-hint type-hint-array">array</a></td><td><div class="com-2fdevs-videogular-direcitve-page com-2fdevs-videogular-direcitve-vgmedia-page"><p>Bindable array with a list of media sources. A media source is an object with two properties <code>src</code> and <code>type</code>. The <code>src</code> property must contains a trustful url resource.</p>
</div></td></tr><tr><td>vgType</td><td><a href="" class="label type-hint type-hint-string">string</a></td><td><div class="com-2fdevs-videogular-direcitve-page com-2fdevs-videogular-direcitve-vgmedia-page"><p>String with &quot;video&quot; or &quot;audio&quot; values to set a <video> or <audio> tag inside <vg-media>.
<pre class="prettyprint linenums">
{
   src: $sce.trustAsResourceUrl("path/to/video/videogular.mp4"),
   type: "video/mp4"
}
</pre>
</div></td></tr></tbody></table></div>
</div>
